import React from 'react';

export type FlagImageProps = {
  flagName: string | undefined;
};

const FlagImage: React.FC<FlagImageProps> = (props) => {
  return (
    <img
      title={props.flagName ? props.flagName : ''}
      style={{
        width: '24px',
        height: '24px',
        marginRight: '6px',
        marginTop: '-9px',
        marginBottom: '-5px',
        backgroundColor: 'rgba(0, 0, 0, 0.03)',
        //border: '1px solid gray',
      }}
      src={`/images/flagoptions/${
        props.flagName ? props.flagName : 'Unknown'
      }.png`}
    />
  );
};

export default FlagImage;
